/*————————————————————————————公共——————————————————————————*/
body{background: #F7F7F7;}
*{margin: 0;padding: 0;}
/*头部 导航*/
.hed{background: #009B72;height: 30px;text-align: right;}
.hed ul{margin: 0;padding: 0;list-style: none;line-height: 30px;width: 1130px;margin: auto;}
.hed li{display: inline-block;padding: 0 20px;border-left: 1px solid #47b488;}
.hed a{color: white;font-size: 12px;}
.hed li:hover{background: #47b488;}
.hed1{width: 1130px;margin: auto;margin: 25px auto;padding-bottom: 30px;}
.hed1-left{float: left;}
.hed1-right{float: right;}
.hed1-right ul{margin: 0;padding: 0;list-style: none;}
.hed1-right li{display: inline-block;padding: 5px 20px;}
.hed1-right a{color: #7B7B7B;font-size: 16px;padding-bottom: 5px;}
.hed1-right a:hover{color: #393939;}
.current{border-bottom: 3px solid #2aad6f;}




/*————————————————————————————首页——————————————————————————*/
/*轮播图*/
/**{margin: 0;padding: 0;list-style-type: none;}*/
.banner{width: 100%;position: relative;overflow: hidden;}
.banner ul{position: absolute;}
.banner ul li{width: 100%;height: 840px;float: left;background:  no-repeat center center;}
.banner ol{height: 20px;position: absolute;left:50%;bottom: 30px;padding: 0 10px;border-radius: 10px;}
.banner ol li{width: 14px;height: 14px;float: left;margin: 2px;background: #7B7B7B;border-radius: 50%;cursor: pointer;}
.banner ol .current{background: rgba(255,255,255,1);border: solid 1px #2AAD6F;}
.banner i{width: 58px;height: 120px;position: absolute;top: 50%;margin-top: -60px;cursor: pointer;border-radius: 5px;display: none;}
.banner .left{left: 60px;background: url('../images/left_right.png') no-repeat 0 0px;}
.banner .right{right: 60px;background: url('../images/left_right.png') no-repeat 0px -120px;}
/*介绍*/
main{margin-top: 10px;cursor: pointer;}
main ul{margin: 0;padding: 0;list-style: none;}
main li{display: inline-block;}
main li img{width: 632px;}

/*————————————————————————————产品——————————————————————————*/
/*主要内容*/
/*第一部分*/
.importance{background: #F7F7F7;cursor: pointer;}
.ma{width:1130px;margin: auto;}
.first p{font-size: 0.875rem;color: #7B7B7B;padding: 20px 0 15px;}
.first a{color: #7B7B7B;}
.first span{width:720px;height: 364px;position: relative;display: block;overflow: hidden;}
.first span img{position: absolute;width: 720px;max-width: 100%;height: auto;}
.first span img:nth-of-type(2):hover{transform: scale(1.1);transition: transform 2s ease}
.first span:nth-of-type(3){width:396px;height: 705px;display: block;margin-top: -730px;margin-left:740px;}
/*第二部分*/
.pag h3{font-size: 1.4375rem;text-align: center;font-weight: normal;padding: 90px 0 5px;}
.pag h3 span{color: #E5E5E5;padding: 0 12px;}
.pag p{display: inline-block;font-size: 1.125rem;padding: 15px 5px 15px;}
.pag p:nth-of-type(1){color: #1e1e1e;}
.pag p:nth-of-type(2){color: #787888}
.pag li{transition:all .2s linear;z-index: 1;display: inline-block;width: 286px;height:365px;background: white;margin-right: 10px;}
.pag li img{width: 161px;height: 181px;margin: 65px 65px 0;}
.pag li h3{font-size: 1rem;margin-top: -50px;}
.pag li span{color: #a0a0a0;font-size: 0.875rem;display:block;text-align: center;}
.pag li:hover{z-index: 2; transform: translate3d(0,-2px,0);box-shadow: 0px 15px 30px rgba(0,0,0,0.5);}
/*第三部分*/
.third h3{font-size: 1.4375rem;text-align: center;font-weight: normal;padding: 30px 0 5px;}
.third h3 span{color: #E5E5E5;padding: 0 10px;}
.third img{width: 550px;padding: 25px 0 100px;}
.third{overflow: hidden;margin-top: 50px;}
.third img:nth-of-type(1){float: left;}
.third img:nth-of-type(2){float: right;}

/*————————————————————————————商城——————————————————————————*/
/*主要内容*/
.hed1-right ul{margin: 0;padding: 0;list-style: none;position: relative;}
.hed1-right li:last-child span:nth-of-type(1){font-size: 28px;}
.hed1-right li:last-child span:nth-of-type(2){position:absolute;color: white;width: 25px;height: 25px;border-radius:50% ;background: #2AAD6F;text-align: center;line-height: 25px;right: 2px;top: -3px;}
/*新品*/
.new-main{background: white;margin: 0;padding:0;}
.new{width: 1200px;margin:auto;padding-top:80px;position: relative;}
.new ul{width:1205px;border: solid 1px #E0E0E0;font-size: 0;border-right:none;border-bottom:none;}
.new li{display: inline-block;width: 300px;border-right: solid 1px #E0E0E0;border-bottom: solid 1px #E0E0E0;}
.new li img{width: 300px;height: auto;padding: 50px 0 10px;}
.new li span{margin-bottom:50px;color: #393939;font-size: 15px;text-align: center;display: block;}
.new li p{margin-bottom:15px;color: #1F8657;font-size: 20px;text-align: center;font-weight: bold;}
.new li:nth-of-type(5) p:nth-of-type(1){color:#40393F;text-decoration: line-through;font-size:14px;position: absolute;bottom: 27px;left: 120px;font-weight: normal;}
.new li:nth-of-type(5){position: relative;}
.new a{position: absolute;}
/*其他*/
.else{width: 1200px;margin: 150px auto 0;padding-bottom: 80px;}
.else ul{width:1205px;border: solid 1px #E0E0E0;font-size: 0;border-right:none;border-bottom:none;}
.else li{position:relative;display: inline-block;width: 300px;border-right: solid 1px #E0E0E0;border-bottom: solid 1px #E0E0E0;}
.else li img{width: 216px;height: auto;padding: 50px 50px 20px;}
.else li span{margin-bottom:40px;color: #393939;font-size: 15px;text-align: center;display: block;}
.else li p{margin-bottom:15px;color: #1F8657;font-size: 20px;text-align: center;font-weight: bold;}
.through{text-decoration: line-through;position: absolute;bottom: 30px;left: 125px;}
.else li:nth-of-type(1) p:nth-of-type(2),.else li:nth-of-type(2) p:nth-of-type(2),.else li:nth-of-type(3) p:nth-of-type(2),.else li:nth-of-type(4) p:nth-of-type(2){color: #FF3300}
/*底部*/
.services{padding: 20px 0 10px;width: 1200px;margin: auto;}
.services img{width: 1210px;}

/*————————————————————————————体验店——————————————————————————*/
/*主要内容*/
/*第一部分*/
.experience{cursor: pointer;}
.experience-first p{font-size: 0.875rem;color: #7B7B7B;padding: 20px 0 15px;width: 1130px;margin: auto;}
.experience-first a{color: #7B7B7B;}
.button{width: 702px;height: 72px;position: relative;}
.button input{width:480px;padding: 24px 22px 22px;font-size: 1.125rem;position: absolute;bottom: 250px;left: 610px;box-shadow: 10px 10px 10px gray;border-radius: 6px;border: solid 1px #CCCCCC;}
.button button{font-size:1rem;font-weight:bold;height:72px;width: 168px;background: #2AAD6F;color: white;border: solid 1px #2AAD6F;position:absolute;bottom: 250px;right: -600px;box-shadow: 10px 10px 20px gray;border-radius: 6px;}
.button button:hover{background:#47b488;}
.button input:hover{border: solid 1px #2AAD6F;}
/*第二部分*/
.experience-second{width: 900px;margin: 0 auto 50px;}
.experience-second span{font-size: 17px;}
.experience-second select{border: solid 1px #E2E2E2;font-size: 18px;width: 235px;height: 66px;text-align: center;margin-top: -40px;border-radius: 2px;}
.experience-second option{text-align: left;}
/*地图*/
section{width: 100%;background: #EDEDED;margin: auto;padding-top: 1px;cursor: pointer;}
.map{overflow:hidden;background: white;width: 1170px;margin: 50px auto;height: 430px;}
.map-left{float: left;border-right: solid 1px #E2E2E2;}
#main {width: 880px;height: 430px;margin: 5px auto;}
.map-right{float: right;margin:20px 115px 0 0;}
.map-right h2{font-size: 1.25rem;margin-bottom: 5px;}
.map-right li{font-size: 1rem;color: #393939;padding: 6px 0;}
.map-right span{margin-right: 15px;}
.map-right p{display: inline-block;position: relative;top: -10px;}
.tb{display: inline-block;width: 36px;height: 36px;background: url(../images/icons-shops.png);}
.cd{background-position: -108px -72px;}
.by{background-position: -72px 0;}
.wifi{background-position: 0 -36px;}
.drink{background-position: -36px -108px;}
.tm{background-position: 0 -108px;}
.dh{background-position: 0 -72px;}
/*体验店*/
.experience{width: 1170px;margin: auto;}
.experience h3{font-size: 1.625rem;margin-bottom: 50px;}
.experience ul{width: 1176px;background: white;padding-top: -20px;}
.experience li{position: relative;padding-bottom: 60px;}
.experience span{background: url(../images/marker.png) no-repeat;display: inline-block;width: 35px;height: 48px;color: white;font-size: 1rem;text-align: center;;line-height: 35px;margin-left: 50px;;}
.experience p{display: inline-block;color: #1f8657;font-size: 0.9375rem;position: absolute;left: 97px;top: 35px;}
.experience strong{font-size: 0.9375rem;padding-left: 10px;}
.experience li p:nth-of-type(2){color: #393939;left: 310px;top: 3px;}
.experience li p:nth-of-type(3){color: #393939;left: 500px;top: 3px;}
.experience li p:nth-of-type(4){color: #393939;left: 970px;top: 8px;}
.experience li:nth-child(odd){width: 1154px;height: 66px;margin: auto;background: white;line-height: 100px;}
.experience li:nth-child(even){width: 1154px;height: 66px;margin: auto;background: #F7F7F7;line-height: 100px;}
/*分页跳转*/
.skip{width: 1170px;margin: auto;}
.skip ul{margin-left: 470px;}
.skip li{display: inline-block;width: 50px;text-align: center;height: 50px;border-radius: 50%;background: white;margin: 20px 5px;}
.skip a{color:#2AAD6F;font-size:16px;line-height: 50px;font-weight: bold;display: inline-block;}
.skip li:hover{background: #47b488;}
.skip a:hover{color: white;}


/*————————————————————————————公共——————————————————————————*/
/*底部*/
.foot-top{width: 1200px;margin:50px auto 30px auto;overflow: hidden;cursor: pointer;}
.f-left{float: left;}
.f-left ul{margin:0;padding:0;display: inline-block;}
.f-left li{padding:5px 80px;height: 20px;}
.f-left li:nth-child(1){padding-bottom: 20px;}
.f-left h3{font-size: 15px;}
.f-right{float: right;}
.f-right img{margin-bottom:25px;}
.f-right p{font-size: 1.6rem;text-align: center;}
.f-right span{font-size: 1rem;display: block;text-align: center;}
.underline{height: 1px;background: #cfcfcf;width: 60%;margin-left:410px;}
.foot-down{width: 1100px;margin:auto;cursor: pointer;}
.ff-left{float: left;padding-top: 30px;position: relative;}
.ff-left p{font-size: 13px;color: #897B7D;}
.ff-left span{background: url(../images/icon-identification.png);background-position: 0px 0px;display: inline-block;margin:-20px 0 0 600px;width: 24px;height: 25px;position: relative;top: -10px;}
.ff-left span:hover{background-position: 25px 0px;}
.ff-right{float: right;padding-top: 25px;margin-right: -50px;}
.ff-right p{display: inline-block;font-size: 14px;color: #7B7B7B;}
.ff-right span{color: white;font-size: 25px;padding: 7px;margin:-1px;border-radius: 50%;}
.ff-right a{position:relative;margin:0 5px;width: 36px;height: 36px;background: #c9c9c9;display: inline-block;border-radius: 50%;}
.ff-right a:nth-of-type(2) img{position:absolute;bottom: 50px;left:10px;display: none;}
.ff-right a:nth-of-type(3) img{position:absolute;bottom: 50px;left:2px;display:none;}




/*字适应*/
@media(max-width: 1920px) and (min-width: 1280px){
    main li img{
        width: 630px;
    }
}
@media(max-width: 1280px) and (min-width: 980px){
    main li img{
        width: 400px;
    }
    main li{
        padding: 0 10px;
    }
}
@media(max-width: 980px) and (min-width: 800px){
    main li img{
        width: 300px;
    }
}
@media(max-width: 800px) and (min-width: 768px){
    main li img{
        width: 700px;
    }
    main li{
        padding:10px 50px;
    }
}



